import React from "react";

function Scenic(props) {
  let list = props.list;

  return (
    <div>
      <div className="tuijian bg-fff ovh pb-15">
        <h3 className="mt-15" style={{ paddingLeft: "8px" }}>
          热门推荐
        </h3>
        <ul className="flex fw">
          {list.map((item) => (
            <li className="mt-15 flex2 aic item" key={item.id}>
              <img
                src={item.icon}
                alt=""
              />
              <span className="f12 mt-5">{item.name}</span>
            </li>
          ))}
        </ul>
      </div>
    </div>
  );
}

export default Scenic;
